<template>
  <a-modal
    v-model="visible"
    :title="$t('all.autotext730')"
    :footer="null"
    width="800px"
  >
    <div class="warn">
      <a-icon class="warn-icon" type="exclamation-circle" theme="filled" />
      {{ type === 1 ? $t('all.autotext1772') : $t('all.autotext1773') }}
    </div>
    <a-table :data-source="list">
      <a-table-column
        :title="$t('all.autotext211')"
        key="name"
        data-index="name"
        width="120px"
      >
        <template slot-scope="text">{{ text }}</template>
      </a-table-column>
      <a-table-column :title="$t('all.autotext992')" key="no" data-index="no">
        <template slot-scope="text">{{ text }}</template>
      </a-table-column>
      <a-table-column :title="$t('all.autotext1253')" key="pmAccount" data-index="pmAccount">
        <template slot-scope="text">{{ text }}</template>
      </a-table-column>
      <a-table-column :title="$t('all.autotext480')" key="ywAccount" data-index="ywAccount">
        <template slot-scope="text">{{ text }}</template>
      </a-table-column>
    </a-table>
  </a-modal>
</template>

<script>
export default {
  data () {
    return {
      visible: false,
      type: 1,
      list: []
    }
  },
  methods: {
    open (item, e) {
      this.visible = true
      this.type = e
      this.list = item
    }
  }
}
</script>

<style lang="less" scoped>
.warn {
  margin-bottom: 20px;
  font-size: 16px;
  .warn-icon {
    color: #F79925;
    font-size: 18px;
    margin-right: 6px;
  }
}
</style>
